<style>
    table tr td{
        text-align: center;
    }
    table tr th{
        text-align: center;
    }
    .dataDiv {
          margin-top: -22px;overflow-y: auto;
    }
    body{
        background-color: #fff;
    }
</style>

<div>
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#track1" aria-controls="track1" role="tab" data-toggle="tab">物品领用</a>
        </li>
        <li role="presentation" class="">
            <a href="#track4" aria-controls="track4" role="tab" data-toggle="tab">物品归还</a>
        </li>
        <li role="presentation" class="">
            <a href="#track2" aria-controls="track2" role="tab" data-toggle="tab">自用机</a>
        </li>
        <li role="presentation" class="">
            <a href="#track3" aria-controls="track3" role="tab" data-toggle="tab">备用机</a>
        </li>
    </ul>

    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="track1">
            <div style="height: 100%;overflow-y: hidden;">
                <div>
                    <table class="table table-hover">
                        <thead>
                        <tr class="info">
                            <th style="width: 20%;">物品名称</th>
                            <th style="width: 20%;">单号</th>
                            <th style="width: 20%;">状态</th>
                            <th style="width: 20%;">时间</th>
                            <th style="width: 20%;">数目</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div class="dataDiv">
                    <table  class="table table-hover">
                        <tbody>
                        {% if lmData | length > 0 %}
                            {% for i,item in lmData %}
                                <tr>
                                    <td nodeId="{{ item['iGoodsId'] }}">{{ item['sGoodsName'] }}</td>
                                    <td style="width: 20%;">{{ item['sNumber'] }}</td>
                                    <td style="width: 20%;">{% if item['iState'] is defined %}{{ item['iState'] }}{% endif %}</td>
                                    <td style="width: 20%;">{% if item['tOutTime'] is defined %}{{ item['tOutTime'] }} {% else %} {{ item['tApplyDate'] }}  {% endif %}</td>
                                    <td style="width: 20%;">{{ item['iOutNum'] }}</td>
                                </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="4">暂无数据</td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="track2">
            <div style="height: 100%;overflow-y: hidden;">
                <div>
                    <table class="table table-hover">
                        <thead>
                        <tr class="info">
                            <th style="width: 20%;">自用机型号</th>
                            <th style="width: 20%;">设备号</th>
                            <th style="width: 20%;">领用时间</th>
                            <th style="width: 20%;">状态</th>
                            <th style="width: 20%;">学校</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div class="dataDiv">
                    <table  class="table table-hover">
                        <tbody>
                        {% if selfTabletData | length > 0 %}
                            {% for i,item in selfTabletData %}
                                <tr>
                                    <td nodeId="{{ item['iUTId'] }}" style="width: 20%;">{{ item['sDevType'] }}</td>
                                    <td style="width: 20%;">{{ item['sDevNumber'] }}</td>
                                    <td style="width: 20%;">{{ item['tReceiveTime'] }}</td>
                                    <td style="width: 20%;">{{ item['iReceiveStatus'] }}</td>
                                    <td style="width: 20%;">{% if item['sSchoolName'] is defined %} {{ item['sSchoolName'] }}  {% endif %}</td>
                                </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="4">暂无数据</td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="track3">
            <div style="height: 100%;overflow-y: hidden;">
                <div>
                    <table class="table table-hover">
                        <thead>
                        <tr class="info">
                            <th style="width: 20%;">备用机型号</th>
                            <th style="width: 20%;">设备号</th>
                            <th style="width: 20%;">领用时间</th>
                            <th style="width: 20%;">状态</th>
                            <th style="width: 20%;">学校</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div class="dataDiv">
                    <table  class="table table-hover">
                        <tbody>
                        {% if backTabletData | length > 0 %}
                            {% for i,item in backTabletData %}
                                <tr>
                                    <td nodeId="{{ item['iUTId'] }}" style="width: 20%;">{{ item['sDevType'] }}</td>
                                    <td style="width: 20%;">{{ item['sDevNumber'] }}</td>
                                    <td style="width: 20%;">{{ item['tReceiveTime'] }}</td>
                                    <td style="width: 20%;">{{ item['iReceiveStatus'] }}</td>
                                    <td style="width: 20%;">{% if item['sSchoolName'] is defined %} {{ item['sSchoolName'] }}  {% endif %}</td>
                                </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="4">暂无数据</td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="track4">
            <div style="height: 100%;overflow-y: hidden;">
                <div>
                    <table class="table table-hover">
                        <thead>
                        <tr class="info">
                            <th style="width: 20%;">物品名称</th>
                            <th style="width: 20%;">单号</th>
                            <th style="width: 20%;">状态</th>
                            <th style="width: 20%;">时间</th>
                            <th style="width: 20%;">数目</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div class="dataDiv">
                    <table  class="table table-hover">
                        <tbody>
                        {% if lmInData | length > 0 %}
                            {% for i,item in lmInData %}
                                <tr>
                                    <td nodeId="{{ item['iGoodsId'] }}">{{ item['sGoodsName'] }}</td>
                                    <td style="width: 20%;">{{ item['sNumber'] }}</td>
                                    <td style="width: 20%;">{% if item['iState'] is defined %}{{ item['iState'] }}{% endif %}</td>
                                    <td style="width: 20%;">{% if item['tInTime'] is defined %}{{ item['iInNum'] }} {% else %} {{ item['tApplyDate'] }}  {% endif %}</td>
                                    <td style="width: 20%;">{{ item['iInNum'] }}</td>
                                </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="4">暂无数据</td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>

